<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>游记详情</title>
  <link rel="stylesheet" href="/css/style01.css">
</head>
<body>
<div class="travel-log-container">
  <div class="user-info">
    <h2 class="username" th:text="${user.name}"></h2>
    <div class="actions">
      <button class="report-btn"><a  th:href="@{'/reported/toAddPage/'+${user.user_id}}">举报</a></button>
    </div>
  </div>
  <div class="travel-log-content">
    <div class="image-container">
      <img th:src="${travelNotes.img}" alt="游记图片" class="travel-log-image">
    </div>
    <h1 class="travel-log-title" th:text="${travelNotes.title}"></h1>
    <p class="travel-log-description" th:text="${travelNotes.contend}"></p>
    <div class="comment-section">
      <form action="/evaluate/addEvaluate" method="post">
        <textarea class="comment-input" name="evaluate_contend" placeholder="在此输入您的评价..."></textarea>
        <button type="submit" class="submit-comment-btn" id="btn">发送评价</button>
      </form>
    </div>
    <button class="back-to-home-btn" ><a th:href="@{/travelNotes/getTravelNotesList}">返回首页</a></button>
  </div>
</div>
<script >
  document.getElementById('btn').addEventListener('click', function() {
    alert('发送成功');
  });

</script>
</body>
</html>